<template>
    <div style="height:100%;width:100%;">
        <el-row class="mainContent el-row detailOrder" style="text-align:left;">
            <el-col :span="10" :offset="2">
                <el-row class="el-row">
                    <el-col :span="8">
                        <div>公司名称:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.company}}</div>
                    </el-col>
                </el-row>

                <el-row class="el-row">
                    <el-col :span="8">
                        <div>行程时间:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.applytime}}</div>
                    </el-col>
                </el-row>

                <el-row class="el-row">
                    <el-col :span="8">
                        <div>发布时间:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.dptime}}</div>
                    </el-col>
                </el-row>
                <el-row class="el-row">
                    <el-col :span="8">
                        <div>公司联系人:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.ename}}</div>
                    </el-col>
                </el-row>
                <el-row class="el-row">
                    <el-col :span="8">
                        <div>联系方式:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.etel}}</div>
                    </el-col>
                </el-row>
                <el-row class="el-row">
                    <el-col :span="8">
                        <div>出发地:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{tableData.dpprovince+'-'+tableData.dpcity+'-'+tableData.dpdistrict+'-'+tableData.dpsite}}</div>
                    </el-col>
                </el-row>
                 <el-row class="el-row">
                    <el-col :span="8">
                        <div>司机姓名:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{chauffer.name}}</div>
                    </el-col>
                </el-row>
                 <el-row class="el-row">
                    <el-col :span="8">
                        <div>车牌（颜色）:</div>
                    </el-col>
                    <el-col :span="15">
                        <div>{{chauffer.carinfo}}——{{chauffer.licenceplate}}</div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="12">
                <el-row class="el-row">
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>游客联系人:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.passengername}}</div>
                        </el-col>
                    </el-row>
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>游客联系方式:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.passengertel}}</div>
                        </el-col>
                    </el-row>
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>游客收费:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.price}} （元/人）</div>
                        </el-col>
                    </el-row>
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>游客人数:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.passengernum}}</div>
                        </el-col>
                    </el-row>
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>航班号:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.trafficinfo}}</div>
                        </el-col>
                    </el-row>
                    <el-row class="el-row">
                        <el-col :span="8">
                            <div>目的地:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{tableData.dtprovince+'-'+tableData.dtcity+'-'+tableData.dtdistrict+'-'+tableData.dtsite}}</div>
                        </el-col>
                    </el-row>
                     <el-row class="el-row">
                        <el-col :span="8">
                            <div>司机联系方式:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{chauffer.tel}}</div>
                        </el-col>
                    </el-row>
                     <el-row class="el-row">
                        <el-col :span="8">
                            <div>司机微信:</div>
                        </el-col>
                        <el-col :span="15">
                            <div>{{chauffer.wechart}}</div>
                        </el-col>
                    </el-row>
                </el-row>
            </el-col>
            <el-col :span="24" style="text-align:center">
                <el-button type="primary" size='medium ' style="width:150px;height:50px;margin-top:60px;"  @click="$router.push({path:'transorder'})">返回</el-button>
            </el-col>
        </el-row>

    </div>
</template>
<script>
export default {
    data() {
        return {
            formInline: {
                user: '',
                region: ''
            },
            tableData: {
               
            },
             chauffer:{},
        }
    },
    created() {
        this.orderList();
    },
    methods: {
        orderList() {
            this.listLoading = true;
            this.$http('/sys/getOrderDetail', { data: { orderId: this.$route.query.id } }).then(resp => {
                // console.log(resp)
                if (resp.code == 1) {
                    this.tableData = resp.data;
                    this.chauffer= resp.data.chauffer;
                }
                this.listLoading = false;
            })
        },

    }
}
</script>
<style>
.demo-form-inline {
    text-align: left;
}

.detailOrder {
    padding-top: 50px;
}

.detailOrder .el-col div {
    height: 40px;
    line-height: 40px;
}
</style>
